<template>
  <div >
    <div class="diagnosis-container">
      <el-checkbox-group v-model="checkList">
      <el-collapse>
        <el-collapse-item>
          <template slot="title">
             症状
          </template>
          <div class="choose-item">
            <span>喘息</span>
            <el-checkbox label="1"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>咳嗽</span>
            <el-checkbox label="2"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>气促</span>
            <el-checkbox label="3"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>胸闷</span>
            <el-checkbox label="4"> </el-checkbox>
          </div>
        </el-collapse-item>
        <el-collapse-item title="查体">
          <div class="choose-item">
            <span>双肺可闻及散在或弥漫性，呼气相为主，呼气相延长</span>
            <el-checkbox label="5"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>发作频率大于一次每月；</span>
            <el-checkbox label="19"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>与活动有关；</span>
            <el-checkbox label="20"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>咳嗽或喘息多于夜间发作；</span>
            <el-checkbox label="21"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>喘息持续至三岁以后；</span>
            <el-checkbox label="22"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>经抗哮喘治疗（糖皮质激素.白三烯受拮抗剂.支气管扩张剂）有效切停药后复发</span>
            <el-checkbox label="23"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>咳嗽时间大于四周；</span>
            <el-checkbox label="24"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>已干咳为主.没有喘息；</span>
            <el-checkbox label="25"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>在运动或夜间或凌晨发作或加重</span>
            <el-checkbox label="26"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>长时间抗生素无效（抗生素：β内酰胺类.大环内酯类.氨基糖苷类.喹诺酮类.）</span>
            <el-checkbox label="27"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>经抗哮喘治疗（糖皮质激素.白三烯受拮抗剂.支气管扩张剂）有效切停药后复发</span>
            <el-checkbox label="28"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>排除其它原因引起的慢性咳嗽；</span>
            <el-checkbox label="29"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>支气管激发试验阳性：FEV1>=20%或PEF日间变异率（连续监测2周）≥13%</span>
            <el-checkbox label="30"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>个人有过敏性疾病（过敏性鼻炎，过敏性结膜炎，食物过敏，特应性皮炎，荨麻疹；备注：条件为或）或者一二级亲属有过敏性疾病。</span>
            <el-checkbox label="31"> </el-checkbox>
          </div>
        </el-collapse-item>
        <el-collapse-item title="症状特点">
          <div class="choose-item">
            <span>1：与接触变应原有关；</span>
            <el-checkbox label="6"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>2：与天气变化.冷热环境有关；</span>
            <el-checkbox label="7"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>3：与吸入物理或化学性刺激有关；</span>
            <el-checkbox label="8"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>4：与呼吸道感染有关；</span>
            <el-checkbox label="9"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>5：与运动有关；</span>
            <el-checkbox label="10"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>6：与大哭大笑（哭闹，情绪激动）有关；</span>
            <el-checkbox label="11"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>7：于夜间或凌晨发作。</span>
            <el-checkbox label="12"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>8：与季节有关(秋天或者冬天或者换季)。</span>
            <el-checkbox label="13"> </el-checkbox>
          </div>
        </el-collapse-item>
        <el-collapse-item title="历史治疗方案">
          <div class="choose-item">
            <span>症状和体征经抗哮喘治疗（糖皮质激素.白三烯受拮抗剂、支气管扩张剂）有效或自行缓解。</span>
            <el-checkbox label="14"> </el-checkbox>
          </div>
        </el-collapse-item>
        <el-collapse-item title="鉴别诊断">
          <div class="choose-item">
            <span>证实存在可逆性气激动剂(如沙丁胺醇压力定量气雾剂200~400μg)后 15 min 第一秒用力呼气量(FEV)增加≥12%;</span>
            <el-checkbox label="15"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span> 抗炎治疗后肺通气功能改善:给予吸入糖皮质激素和(或)抗白三烯药物治疗4~8周,FEV，增加≥12%;</span>
            <el-checkbox label="16"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>支气管激发试验阳性：FEV1>=20%；</span>
            <el-checkbox label="17"> </el-checkbox>
          </div>
          <div class="choose-item">
            <span>最大呼气峰流量(PEF)日间变异率(连续监测2周)≥13%;</span>
            <el-checkbox label="18"> </el-checkbox>
          </div>
        </el-collapse-item>
      </el-collapse>
      </el-checkbox-group>
      <el-button size="small" type="primary" style="margin-top: 20px" @click="save">保存</el-button>
    </div>

  </div>
</template>
<script>
  import {asthmaRole} from "../../../api/system/ruleManage";

  export default {
    data(){
      return{
        checkList:[]
      }
    },
    methods:{
      save(){
        const data = {
          integerList:this.checkList
        }
        asthmaRole(data).then(res=>{
          console.log(res);
          this.$message.success(res.data.msg)
        }).catch(err=>{
          this.$message.error(err)
        })
      }
    }

  }
</script>
<style scoped lang="scss">
.diagnosis-container{
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  .choose-item{
    display: flex;
    align-items: center;
    >span{
      margin-right: 10px;
    }
    /deep/.el-checkbox__label{
      display: none;
    }
  }
}

</style>
